<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="//www.bitshe.cn/css/index.css" />
	<title>bit社团</title>
	<meta name="description" content="南京工程学院bit社团是设计与技术爱好者的聚集地，UI、Web前端、Web后端、网络技术、移动开发、嵌入式开发" />
	<meta name="keywords" content="bit社团 南京工程学院社团 bitshe.cn" />
</head>

<body>
	<nav class="main-nav">
		<a href="//www.bitshe.cn/kaifa.html">部门介绍</a>
		<a href="//www.bitshe.cn/apply/index.html">我要报名</a>
		<a href="https://jq.qq.com/?_wv=1027&k=54PrRB1">加入QQ群</a>
	</nav>
	<main>
		<div class="banner"></div>
		<div class="about">
			<h1 class="about__title">bit社团</h1>
			<p class="about__intro">设计与技术爱好者的聚集地</p>
			<div class="about__float-word">
				<span class="about__float-word__word">JavaScript</span>
				<span class="about__float-word__word">Java</span>
				<span class="about__float-word__word">C/C++</span>
				<span class="about__float-word__word">PhotoShop</span>
			</div>
		</div>
		<article class="knowledge-intor">
			<h1 class="knowledge-intor__title">您能学到</h1>
			<section class="knowledge-intor__section bacground-ui">
				<span class="knowledge-intor__section__id">01</span>
				<div class="knowledge-intor__section__describe">
					<h2><span>UI</span>&nbsp;设计</h2>
					<p>UI的中文是用户界面设计。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。</p>
				</div>
			</section>
			<section class="knowledge-intor__section bacground-web-front">
				<span class="knowledge-intor__section__id">02</span>
				<div class="knowledge-intor__section__describe">
					<h2><span>前端</span>&nbsp;开发</h2>
					<p>你所能够触摸感受的事物，都是前端。就好比你现在看到的这个页面。这个页面经由设计师设计完成，后交接给前端实现。</p>
				</div>
			</section>
			<section class="knowledge-intor__section bacground-web-rear">
				<span class="knowledge-intor__section__id">03</span>
				<div class="knowledge-intor__section__describe">
					<h2><span>后端</span>&nbsp;开发</h2>
					<p>服务器端的核心技术。你所感受不到的提交数据、如提交你所选的课、如提交购买的哪一班火车票，这些都是由后端来进行处理。</p>
				</div>
			</section>
			<section class="knowledge-intor__section bacground-network">
				<span class="knowledge-intor__section__id">04</span>
				<div class="knowledge-intor__section__describe">
					<h2><span>网络</span>&nbsp;技术</h2>
					<p>网络把互联网上分散的资源融为整体，实现资源的全面共享和协作，使人们能够透明地使用资源的整体能力并按需获取信息。</p>
				</div>
			</section>
			<section class="knowledge-intor__section bacground-mobile">
				<span class="knowledge-intor__section__id">05</span>
				<div class="knowledge-intor__section__describe">
					<h2><span>移动</span>&nbsp;开发</h2>
					<p>移动开发也称为手机开发，或叫做移动互联网开发。是指以手机、PDA、UMPC等便携终端为基础，进行相应的开发工作。</p>
				</div>
			</section>
		</article>
		<section class="department">
			<h1 class="department__title">我们的部门</h1>
			<a class="department_branch department_branch--kaiFa" href="//www.bitshe.cn/kaifa.html" name="kaifa">开发部</a>
			<a class="department_branch department_branch--gongGuan" href="//www.bitshe.cn/gongguan.html" name="gongguan">公关部</a>
			<a class="department_branch department_branch--zuZhi" href="//www.bitshe.cn/zuzhi.html" name="zuzhi">组织部</a>
			<a class="department_branch department_branch--neiWu" href="//www.bitshe.cn/neiwu.html" name="neiwu">内务部</a>
		</section>
	</main>
	<footer class="main-footer">
		<p>Copyright &copy; 2016 -
			<script>
				document.write((new Date()).getFullYear());
			</script>
			bitshe.cn<br />bit社团 版权所有
			<a href="http://www.miitbeian.gov.cn" target="_blank">苏ICP备16003926号-4</a>
			<br />
		</p>
	</footer>
	<script src="//www.bitshe.cn/js/public.js"></script>
	<script src="//www.bitshe.cn/js/index.js"></script>
</body>

</html>